
$(function () {
    //1文章封面
    // 2文章类型
    // 3发布日期
    // 4文章内容



         // 2发送请求获得文章列表顺序
            function getCategoryList() {
        $.get("/admin/category/list",function(res) {
            let html = ""
            res.data.forEach(value => {
                html += `<option value='${value.id}'>${value.name}</option>
                `
            });
            $("#category").html(html)
        })
    }
    // 3发布日期
    function renderDate() {
  //执行一个laydate实例
   layui.laydate.render({
    elem: '#articleDate' //指定元素
  });

    }
     // 4文章内容
    function renderEmai() {
         tinymce.init({
    selector: "#articleContent",
    language:'zh_CN',
});
    }
    // 1 文件上传框 绑定 change事件
    $("#inputCover").change(function () {
        const file = this.files[0]
        $("#coverimg").prop("src", URL.createObjectURL(file))// 会返回 浏览器内存中的图片的地址 
        

    })
         
     
   
    //    请求文章列表的函数调动
    getCategoryList()
    // 时间的初始化
    renderDate()
    // 富文本的调动
    renderEmai()
     $(".btn-edit").click(function () {
       postArticle("已发布")
     })
      $(".btn-draft").click(function () {
       postArticle("")
    })
    // 5.内容上传 /admin/article/publish
    function postArticle(state) {
         const fd = new FormData($("#form")[0])
        // 5.1获取文本信息
        // const title = $("[name ='title']").val()
        // const cover = $("[name ='cover']").val()
        // const categoryId = $("[name = 'categoryId']").val()
        // const date = $("[name = 'date']").val()
        const content = tinyMCE.editors["articleContent"].getContent();
        // fd.append("title",title)
        // fd.append("cover",  cover)
        // fd.append("categoryId", categoryId)
        
        // fd.append("date", date)
        fd.append("content", content)
        fd.append("state", state)
        // console.log(fd);
        fd.forEach((value,key) => console.log(value,key))
        
         // 请求发布文章相关链接/admin/article/publish
        // 使用ajax
    $.ajax({
        url:"/admin/article/publish",
        type:"post",
        data:fd,
        contentType: false,
        processData: false,
        success(res) {
            if (res.code === 200) {
                location.href = "article_list.html"
            }
        }
     })
    }
   
   
    
})